/*保存数据：localStorage.setItem(key,value); 
读取数据：localStorage.getItem(key); 
删除单个数据：localStorage.removeItem(key); 
删除所有数据：localStorage.clear(); 
得到某个索引的key：localStorage.key(index); 
key和value都必须为字符串，web Storage的API只能操作字符串。
*/

localStorage.setItem("缓存数据名字", "缓存的字符串") 
    //alert(localStorage.getItem("缓存数据名字"))
    var obj = {}
    var newobj = JSON.parse(localStorage.getItem("locobj"));  // 字符串转对象  反序列化
    // 序列化对象 然后存储（localStorage.setItem） 
    // 反序列化对象并放到新的变量中（var newobj = JSON.parse(localStorage.getItem("locobj"))）  然后使用



　　 ///////////////方法的封装/////////////////


    //设置或跟新本地存储数据
    function Set_lsdata(data_id, data) {
        if (data_id != "") {
            if (data) {
                var lsobj = window.localStorage;
                var datajson = JSON.stringify(data);
                lsobj.setItem(data_id, datajson);
            }
        }
    }

    //获取本地存储数据
    function Get_lsdata(data_id) {
        if (data_id != "") {
            var data = null;
            var lsdata = window.localStorage;
            try {
                var datajson = lsdata.getItem(data_id);
                datajson = JSON.parse(datajson);
                data = datajson;
            } catch (e) {

            } finally {
                return data;
            }
        }
    }
  /* //封装方法的使用
    var obj = {
        "name": "我的名字",
        "age": "18",
    }
 Set_lsdata("ccc", obj);  //存储对象并起名字   存储和拿数据的时候 key值必须加双引号

 var aaa = Get_lsdata("ccc"); //通过名字拿到存储的数据*/

//alert(aaa.name);   使用数据


//轮播
var index = 0;//初始值
        var length = $('#banner ul li').length;
        auto();//自动播放
        $('.prev,.next').hover(function(){//指上去的时候
                clearInterval(change);//销毁定时器
        },function(){//移开的时候
                auto();
        });
        $('.next').click(function(){//点击下一页
            if(index<length-1){//当前图片小于长度，正常情况
                    index = index+1;
                }else{//到最后一张，复位
                    index = 0;
                }
                ani(index);
        });
        $('.prev').click(function(){//点击上一页
            if(index>0){//当前图片>0的时候包括<=3，正常情况
                index = index - 1;
            }else{//移动到了0，图片移动到最后一张
                index = length-1;//length-1;最后一张
            }
            ani(index);
        })
        function auto(){//自动播放的方法
            change = setInterval(function(){//定时器
                if(index<length-1){
                    index = index+1;
                }else{
                    index = 0;
                }
                ani(index);
            },5000)
        }
        function ani(e){//动画
            var width = getwidth();
            var num = width*e;//运动公式
            $('#banner ul').animate({left:'-'+num+'px'},1000);
        }

lunbo();
$(window).resize(function () {          //当浏览器大小变化时
    lunbo();
});

function lunbo(){
    width = getwidth();
    $('.bannerall').attr('style','width:'+width+'px');
    $('.bannerall ul').attr('style','width:'+2*width+'px');
    $('.bannerall ul li').attr('style','width:'+width+'px');
}

function getwidth(){//获取浏览器宽度
    var width = $(window).width();
    if(width<1150){
        width = 1150;
    }
    return width;
}
